div {
	margin-top: 0.5em;
}

input {
	padding: .5em;
	margin: .5em;
}

@media screen and (min-width: 700) {
	body {
		width: 700px;
	}
}

#signatureparent {
	color: black;
	background-color: white;
	/*max-width:600px;*/
	height: 100%;
	padding: 0 1rem;
	position: sticky;
	margin: 0;
}

/*This is the div within which the signature canvas is fitted*/
#signature {
	margin: 0;
	border: 2px dotted black;
	background-color: rgb(243, 243, 243);
	width: 100%;
	height: 100%;
	bottom: 0;
	position: inherit;
}

/* Drawing the 'gripper' for touch-enabled devices */
html.touch #content {
	width: 100%;
}

html.borderradius #scrollgrabber {
	border-radius: 1em;
}

html {
	height: 100%;
}

body {
	height: calc(100%);
}

.back {
	float: left;
	color: #00BCD4;
	top: 0.2rem;
	position: absolute;
}

.center {
	top: 0.2rem;
	text-align: center;
}

.text-area {
	height: 55%;
}

#content {
	margin: 0;
	height: 40%;
}

#text {
	border-style: none;
	outline: none;
	resize: none;
	font-size: 0.92em;
	width: calc(100% - 2em);
	margin: 0 1em;
}

.no-margin {
	margin: 0;
	padding: 0.2rem;
}

canvas {
	height: 100% !important;
}

#commit {
	width: 94%;
	text-align: center;
	background-color: #2196F3;
	border: 0;
	margin: 0 3%;
	bottom: 2%;
	position: absolute;
	height: 5%;
}

.bg {
	margin: 0;
	height: 100%;
}

.middle {
	height: 100%;
}

#undoButton {
	position: absolute;
	bottom: 15%;
	right: 3%;
}

#reset {
	position: absolute;
	bottom: 5%;
	right: 3%;
}

#full-screen {
	position: absolute;
	top: 5%;
	right: 3%;
}

#compelete {
	position: absolute;
	bottom: 2%;
	right: 2%;
	height: 8%;
	width: 30px;
	border-style: 0;
	text-align: center;
	background-color: #2196F3;
}